{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"诚信保证金",back:1} %}
    <div class="bcf bdbso bdc13">
        <mu-tabs :value.sync="curTab" change="tab" full-width indicator-color="yellowA200"  center :color="c1" >
            <mu-tab>
                <div>保证金特权</div>
            </mu-tab>
            <mu-tab>
                <div>保证金账户</div>
            </mu-tab>
        </mu-tabs>
    </div>
    <div class="padb30" v-if="curTab == 0"  v-html="page.content">
    </div>
    <div class="padb30" v-if="curTab == 1">
        <div class="pad20 bcf">
            <div class="fs24 tac">[[money.m2]]</div>
            <div class="pad10 c12 fs10 tac">保证金账户</div>
        </div>
        <div class="bc13 fs9">
            <div class="padtb9 padl5">保证金记录</div>
            <div class="bcf">
                <div v-if="!isTrue(list)" class="pad10 mar5 bdda round2 tac">
                    暂无缴纳记录
                </div>
                <div class="flrc c12 pad10 bdbda ofe" v-for="item in list">
                    <div>[[str2time(item.createAt)]]</div>
                    <div class="flex1 padl5 ofe">
                        [[item.logType.name]]
                    </div>
                    <div class="fs14 fwb">
                        <div class="c01" v-if="item.money > 0">+[[item.money]]</div>
                        <div class="c02" v-if="item.money < 0">[[item.money]]</div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="pos-f b0 l0 r0 bc2 c13 pad10 tac bdtso" @click="goto('shopInsurePay')">
        <mu-ripple>缴纳保证金</mu-ripple>
    </div>

{% endblock %}